<template>
  <!--  换氢车操作票-->
  <div class='hydrogen-container'>
    <h2 style='text-align: center'>换氢车操作票</h2>
    <div class='No-container'>
      <p class='No'>
        {{ model ? model.ticketNo : '*********'}}</p>
    </div>
    <a-descriptions bordered size='small' :column='3'>
      <a-descriptions-item label='发令人' :span='1'>
        {{ model ? model.sender : '张三'}}
      </a-descriptions-item>
      <a-descriptions-item label='受令人' :span='1'>
        {{ model ? model.receiver : '张三'}}
      </a-descriptions-item>
      <a-descriptions-item label='发令时间' :span='2'>
        {{ model ? model.sendTime : '1970-01-01 00:00:00'}}
      </a-descriptions-item>
      <a-descriptions-item label='操作开始时间' :span='1.5'>

      </a-descriptions-item>
      <a-descriptions-item label='操作结束时间' :span='1.5'>

      </a-descriptions-item>
      <a-descriptions-item label='监护操作' :span='4'>
        (1.监护下操作,2.单人操作,3.检修人员操作)
      </a-descriptions-item>
      <a-descriptions-item label='操作任务' :span='4'>
        制氢储氢自动操作任务流程
      </a-descriptions-item>

      <!--      操作项目-->
    </a-descriptions>
    <a-descriptions bordered size='small' :column='3'>
      <a-descriptions-item label='操作项目' :span='4'>
        执行
      </a-descriptions-item>
      <a-descriptions-item label='1.氢气槽车到位并发起换车命令操作如下' :span='4'>

      </a-descriptions-item>
      <a-descriptions-item label='2.关闭氢气车各个阀门，点击停止按钮并关闭出气阀' :span='4'>

      </a-descriptions-item>
      <a-descriptions-item label='3.开启进口放散30秒左右放空管内余留氢气并把压力放成0' :span='4'>

      </a-descriptions-item>
      <a-descriptions-item label='4.拆下链接氢气车的管口然后保证新的氢气车阀门程关闭状态' :span='4'>

      </a-descriptions-item>
      <a-descriptions-item label='5.拆下链接氢气车的管口然后保证新的氢气车阀门程关闭状态' :span='4'>

      </a-descriptions-item>
      <a-descriptions-item label='6.拆下链接氢气车的管口然后保证新的氢气车阀门程关闭状态' :span='4'>

      </a-descriptions-item>
      <a-descriptions-item label='7.打开氢气车阀门然后开启出气阀' :span='4'>

      </a-descriptions-item>
      <a-descriptions-item label='8.在屏幕上点击送气按钮等待10秒及换车完成' :span='4'>

      </a-descriptions-item>
    </a-descriptions>
    <a-descriptions bordered size='small' :column='3'>
    </a-descriptions>
    <a-descriptions bordered size='small' :column='4'>
      <a-descriptions-item label='备注' :span='4'></a-descriptions-item>
      <a-descriptions-item label='操作人' :span='1'>

      </a-descriptions-item>
      <a-descriptions-item label='监护人' :span='1'>

      </a-descriptions-item>
      <a-descriptions-item label='值长' :span='2'>

      </a-descriptions-item>
    </a-descriptions>
  </div>
</template>

<script>
export default {
  props: {
    model: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>

<style lang='less' scoped>
.hydrogen-container {
  h2 {
    font-weight: bolder;
  }

  .No-container {
    display: flex;
    flex-direction: row-reverse;

    .No {
      color: #000;
      font-weight: bold;
    }
  }
}
</style>